<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <title>管理图片</title>
  <link href="css/style.css" rel="stylesheet">
</head>
<body>
  <header>
    <div class="logo">
      <a class="homepage" href="../home"> &lt;返回</a>
      <span class="title">管理图片</span>
    </div>
  </header>
  
  <div class="container">
    <div class="moto-name"></div>
    <div class="hint">上传图片支持jpg,png,jpeg格式。</div>
    <div class="title">实车图片<a class="add select-main-img" href="javascript:;">添加图片</a></div>
    <div class="imgs-content main-img">
      <ul></ul>
    </div>
    <div class="imgs-upload main-img">
      <form id="form_upload_main_img" method="POST" enctype="multipart/form-data" encoding="multipart/form-data">
        <div class="row">
          <input id="image_file" name="image_file" class="input-main-img" type="file" multiple="true" onchange="fileSelectHandler(this)">
          <input class="hide" type="text" name="id">
          <input class="hide" type="text" name="access_token" value="AABBCCDD">
        </div>
      </form>
    </div>

    <div class="title">原车图片<a class="add select-old-img" href="javascript:;">添加图片</a></div>
    <div class="imgs-content old-img">
      <ul></ul>
    </div>
    <div class="imgs-upload old-img">      
      <form id="form_upload_old_img" method="POST" enctype="multipart/form-data" encoding="multipart/form-data">
        <div class="row">
          <input id="image_file_old" name="image_file" class="input-old-img" type="file" multiple="true" onchange="fileSelectOldHandler(this)">
          <input class="hide" type="text" name="id">
          <input class="hide" type="text" name="access_token" value="AABBCCDD">
        </div>
      </form>
    </div>
  </div>

  <div class="mask img-preview">
    <div class="head">
      <a class="cancel" href="javascript:;">&lt;返回</a>
      <a class="sure" href="javascript:;">确认上传</a>
    </div>
    <div class="img-container">
      <img id="preview" class="preview-main-img" src="" alt="image for resizing" accept="image/*">
    </div>
  </div>

  </div>

  <div id="actionSheet_wrap">
    <div class="weui_mask_transition" id="mask_action_sheet"></div>
    <div class="weui_actionsheet" id="weui_actionsheet">
        <div class="weui_actionsheet_menu">
            <div class="weui_actionsheet_cell delete-img">删除</div>
            <div class="weui_actionsheet_cell mark-main-img">选作代表图</div>
        </div>
        <div class="weui_actionsheet_action">
            <div class="weui_actionsheet_cell" id="actionsheet_cancel">取消</div>
        </div>
    </div>
  </div>

  <div class="weui_dialog_confirm" style="display:none;">
    <div class="weui_mask"></div>
    <div class="weui_dialog">
        <div class="weui_dialog_hd"><strong class="weui_dialog_title">提示</strong></div>
        <div class="weui_dialog_bd">确定删除该图片？</div>
        <div class="weui_dialog_ft">
            <a href="javascript:void(0);" class="weui_btn_dialog default btn-cancel-delete-img">取消</a>
            <a href="javascript:void(0);" class="weui_btn_dialog primary btn-delete-img">确定</a>
        </div>
    </div>
  </div>

  <div id="toast" style="display: none;">
    <div class="weui_mask_transparent"></div>
    <div class="weui_toast">
        <i class="weui_icon_toast"></i>
        <p class="weui_toast_content">已完成</p>
    </div>
  </div>


  <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/jquery.form.js"></script>
  <script type="text/javascript" src="../libs/config.js"></script>
  <script type="text/javascript" src="js/cropper.js"></script>
  <script type="text/javascript" src="js/main.min.js"></script>
</body>
</html>